<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="../css/ZaoZuoShangYeHeZuo.css">
  <style>
    .head .right a:nth-of-type(2){
      border-bottom: 2px solid white;
    }
  </style>
<!--  主体开始-->
  <style>
    .img{
      display: inline-block;
      text-align: center;
      position: relative;
    }
    .img .m1{
      position: absolute;
      left: 57%;
      bottom: 88px;
      width: 20px;
      height: 20px;
      transform: translateX(-50%);
    }
    .img .m2{
      position: absolute;
      left: 55%;
      bottom: 101px;
      width: 20px;
      height: 20px;
      transform: translateX(-50%);
    }
    .img .m3{
      position: absolute;
      left: 57%;
      bottom: 88px;
      width: 20px;
      height: 20px;
      transform: translateX(-50%);
    }
    .img .m4{
      position: absolute;
      left: 57%;
      bottom: 98px;
      width: 20px;
      height: 20px;
      transform: translateX(-50%);
    }
    .img a{
      position: absolute;
      left: 50%;
      bottom: 12%;
      width: 28%;
      transform: translateX(-50%);
      text-align: center;
      color: #000;
      font-weight: 300;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
      letter-spacing: 3px;
    }
  /*  主体结束*/
  </style>
</head>
<body>
<div class="box">
  <!--  标题开始-->
  <div class="head">
    <a href=""><img src="../imgas/Photo/logo.png"></a>
    <div class="left">
      <a href="index.html">首页</a>
      <a href="QuanWuXiLie.html">全屋系列</a>
      <a href="ShaFaBanDeng.html">沙发·椅凳</a>
      <a href="GuiJia.html">柜架</a>
      <a href="CuangJu.html">床·床具</a>
      <a href="ZhuoJi.html">桌几</a>
      <a href="DengJu.html">灯具</a>
      <a href="JiaFang.html">家纺·床品</a>
      <a href="ZhuangShi.html">装饰·收纳</a>
      <a href="ShuiJu.html">餐具·水具</a>
    </div>
    <div class="right">
      <a href="ShiTiDian.html"><img class="c1" src="../imgas/Photo/DITu.png">实体店</a>
      <a href="LiaoJieZaoZuo.html">了解制造新家</a>
      <a href="ShangYeHeZuo.html">商业合作</a>
      <a href="Login.html"><img class="c2" src="../imgas/Photo/GeRenZhongXin.png"></a>
      <a href="GoWuChe.html"><img class="c3" src="../imgas/Photo/GouWuChe.png" height="200" width="200"/></a>
     </div>
  </div>
  <!--  标题结束-->
<!--  主体开始-->
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z1.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z2.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z3.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z4.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z5.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z6.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z7.jpg">
    <a href="">了解完整的服务说明</a>
    <img  class="m1" src="../imgas/Photo/Z14.png">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z8.jpg">
    <a href="">查看更多足迹</a>
    <img  class="m2" src="../imgas/Photo/Z14.png">
  </div>../imgas/
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z9.jpg">
    <a href="">查看更多造作新门店</a>
    <img  class="m3" src="../imgas/Photo/Z14.png">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z10.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z11.jpg">
    <a href="">查看更多媒体报道</a>
    <img  class="m4" src="../imgas/Photo/Z14.png">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z12.jpg">
  </div>
  <div class="img">
    <img height="auto" width="100%" src="../imgas/Photo/Z13.jpg">
  </div>
<!--  主体结束-->
  <!--  底部开始-->
  <div class="botter">
    <div class="bd">
      <div class="botter1">
        <div>
          <img  class="i1"  src="../imgas/Photo/Z1.png">
          <p>zaozuo.com</p>
          <div class="tt">
          <div class="tt1"></div>
          <div class="tt2"></div>
          </div>
        </div>
      </div>
      <div class="botter2">
        <div>
          <p>关于造作</p>
          <ul>
            <li><a href="">团队介绍</a></li>
            <li><a href="">设计师团</a></li>
            <li><a href="">媒体报道</a></li>
            <li><a href="">加入造作</a></li>
            <li><a href="">Designer Hiring</a></li>
          </ul>
        </div>
        <div>
          <p>服务支持</p>
          <ul>
            <li><a href="">服务保障</a></li>
            <li><a href="">用户协议</a></li>
            <li><a href="">物流售后服务</a></li>
          </ul>
        </div>
        <div>
          <p>商业合作</p>
          <ul>
            <li><a href="">集合采购</a></li>
            <li><a href="">招商邀约</a></li>
            <li><a href="">品牌合作</a></li>
            <li><a href="">媒体合作</a></li>
            <li><a href="">设计师入驻</a></li>
          </ul>
        </div>
      </div>
      <div class="botter3">
        <p>联系我们</p>
        <div class="d1">
          <h2>400-6636-926</h2>
          <span>(9:00~21:00)</span>
        </div>
        <div class="d2"><a href="">在线客服</a></div>
        <div class="d3"><a href="ShiTiDian.html">创作新家全国实体店></a></div>
      </div>
    </div>
    <div class="dd">
      <a href="">Copyright © 2018 zaozuo.com Inc.All Rights Reserved. 北京造化科技有限公司</a>
      <a href="">版权所有京ICP备14049641号-1增值电信业务经营许可证：京ICP证150098号</a>
      <a href="">造作新家官网 - 全球设计师创作家局品牌</a>
    </div>
  </div>
  <!--  尾部结束-->
  </div>
</body>
</html>
